.container{
    width:100%;
    height:100%;
    padding:3px;
    position:relative;
    z-index:10;
    display:grid;
    grid-template-columns: repeat(48, 2.08%);
    grid-template-rows:repeat(16, 6.25%);
}

/*侧边栏*/
.sider{
    grid-area: 2 / 2 / span 13 / span 8;
}

.menu{
    max-width: 300px;
    min-width: 200px;
    background:rgb(40, 47, 56,0.5);
    border:1px solid rgb(0,55,66,0.9);
}

.menu-h2{
    padding:16px 24px;
    border-bottom:1px solid #e8e8e8;
    border-radius:2px 2px 0 0;
    font-size:16px;
    color:#fff;
}

.menu-ul{
    list-style-type: none;
    margin:0;
    padding:0;
}

.menu-ul > li{
    padding:0 16px 0 24px;
    border-right:3px solid transparent;
    margin:3px 0 8px;
    line-height:40px;
    cursor: pointer;
}

li.selected{
    background-color: rgb(88,186,243,0.2);
    color:#77fbe3;
    border-color:#77fbe3;
}

/*主内容*/
.content{
    grid-area: 2 / 13 / span 13 / span 34;
}

.mapBox{
    height:100%;
    padding: 10px;
    background: url("../../assets/images/data-panel-bg.png") 0% 0% / 100% 100% no-repeat
}

/*返回按钮*/
.returnBtn{
    grid-area: 15 / 2 / span 1 / span 1;
}